.top-layout {
  //background: linear-gradient(to left, #525252, #3d72b4);

  //1  蓝 #364b85  橙 #b45c39  红 #97102c
  //background: linear-gradient(135deg, rgba(54, 75, 133, 1) 20%, rgba(180, 92, 57, 0.9) 60%, rgba(151, 16, 44, 1) 96%);

  //2  蓝 #225f9f  橙 #f99045
  //background: linear-gradient(135deg, rgba(34, 95, 159, 1) 10%, rgba(249, 144, 69, 1) 90%);

  //3  蓝 #225f9f  红 #cb3125  橙 #f99045
  //background: linear-gradient(135deg, rgba(34, 95, 159, 1) 15%, rgb(170, 54, 46, 0.95) 60%, rgba(249, 144, 69, 1) 95%);
  //修改版：
  background: linear-gradient(135deg, rgba(34, 95, 159, 1) 20%, rgb(170, 54, 46, 0.95) 65%, rgba(249, 144, 69, 1) 98%);

  padding: 4vh 7vw 4vh 7vw;

  .profile-social {
    height: 14vh;
    width: 80vw;
    display: flex;
    gap: 2vw;

    .profile-img {
      width: 24vw;
      height: 24vw;
    }

    .profile-social-right {
      display: flex;
      flex-direction: column;

      table {
        width: 55vw;
        height: 8vh;
        padding-top: 0.1rem;
      }

      table td {
        padding: 0.5rem;
        text-align: center;
        line-height: 0.5rem;
      }

      .top-row {
        font-size: 1.4rem;
        color: #ededed;
        font-weight: 600;
      }

      .bottom-row {
        font-size: 1.1rem;
        color: #c8c8c8;
      }

      .profile-button {
        padding-top: 0.5rem;

        .profile-edit-button {
          background-color: rgba(146, 172, 223, 0.354);
          border: solid #efebeb 1px;
          color: rgb(186, 202, 235);
          font-size: 1rem;
          height: 2.2rem;

          width: 10rem;
          left: 1.5rem;
        }

        .profile-logout-button {
          background-color: rgba(146, 172, 223, 0.354);
          border: solid #efebeb 1px;
          color: rgb(186, 202, 235);
          font-size: 1rem;
          height: 2.2rem;

          width: 4rem;
          left: 2rem;
          padding: 0;
        }
      }
    }
  }

  .profile-user {
    display: flex;
    flex-direction: column;

    width: 80vw;
    height: 18vh;
  }

  .profile-username {
    font-size: 1.8rem;
    color: #F9F7F3;
  }

  .profile-intro {
    font-size: 1.1rem;
    color: #c8c8c8;
    margin-top: 0.1rem;
  }
}

.bottom-layout {
  // background-color: #f6f7f9;
}